<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="Author" content="3dp Inc.">
  <meta name="viewport" content="width=1024">
  <title>Join 3dp</title>
  <link rel="canonical" href="/register">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <link rel="stylesheet" type="text/css" href="/rrstatic/stylesheets/screen.css?tag=<?php echo $tag?>"/>
  <link rel="stylesheet" type="text/css" href="/rrstatic/styles/jquery/jquery-ui-1.8.18.custom.css?tag=<?php echo $tag?>">
  <link rel="stylesheet" type="text/css" href="/rrstatic/styles/jquery/jquery.selectbox.css?tag=<?php echo $tag?>">
	
  <script type="text/javascript" src="/rrstatic/javascript/javascripts.min.js?tag=<?php echo $tag?>"></script>
  <script type="text/javascript" src="/rrstatic/javascript/jquery.validate.js?tag=<?php echo $tag?>"></script>
  <script type="text/javascript" src="/rrstatic/javascript/shared.jquery.js?tag=<?php echo $tag?>"></script>
  <script type="text/javascript" src="/rrstatic/javascript/portal/3dpApp.jquery.js?tag=<?php echo $tag?>"></script>
  <!--[if lte IE 7]>
    <link rel="stylesheet" href="/rrstatic/stylesheets/jquery.fancybox.css?tag=2013051501" type="text/css" media="screen" />
    <script type="text/javascript" src="/rrstatic/javascript/fancybox/jquery.fancybox.js?tag=2013051501"></script>
    <script type="text/javascript">
        $(document).ready(function() {
        $(".fancybox").fancybox();
        $("#browser-redirect").fancybox().trigger('click');
      });
    </script>
    <div style="display:none;">
      <div id="browser-redirect" style="width:600px; position:relative;">
        <div style="margin:10px auto; text-align:center;"><img border="0" style="width: 163px; " alt="Logo" src="/rrstatic/img/sw-logo-dark.png"></div>
        <h2><strong>Hello.</strong></h2>
        <p>We're sorry to inform you that we no longer support this browser and can't confirm that everything will work as expected. For the best 3dp experience, please use one of the following browsers:</p>
        <p>
          <ul class="support-list">
            <li>Get <a href="https://www.google.com/intl/en/chrome/browser/">Google Chrome</a></li>
            <li>Get <a href="http://www.mozilla.org/en-US/firefox/new/">Firefox</a></li>
            <li>Get <a href="http://windows.microsoft.com/en-us/internet-explorer/download-ie">Internet Explorer</a> latest version</li>
          </ul>
        </p>
        <small><em>Click anywhere outside this window to continue.</em></small>
      </div>
    </div>
  <![endif]-->
<script>document.documentElement.className = 'js';</script>
<script type="text/javascript">
  (function($) {
    if (typeof $.swPortal == 'undefined') {$.swPortal = {};}
    $.swPortal.rid = '1174790945';        $.swPortal.eventTracking = {
      modelShareIntent: 'model_share_intent',
      modelShareIntentComplete: 'model_share_intent_complete',
      modelShareIntentLoggedOut: 'model_share_intent_logged_out'
    };
    $.swPortal.facebookAppId = '196244320391665';
  })(jQuery);
</script>
  <style type="text/css">
  		input.error { 
  			border: 1px solid #fe5947;
			-webkit-transition: border 80ms ease, box-shadow 80ms ease;
			-moz-transition: border 80ms ease, box-shadow 80ms ease;
			-o-transition: border 80ms ease, box-shadow 80ms ease;
			transition: border 80ms ease, box-shadow 80ms ease;
  			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			border-top-style: solid;
			border-top-width: 1px;
  		}
  		.show {
  			display: block;
  		}
  </style>
</head>
<body class="sct-signup sup_body">
	<input type="hidden" id="requestTrackingId" value="1198854611">
	<div class="sup_body">
	  <div class=" clearfix sup_body">
	<style type="text/css">
	  .policyLink img {
	    margin-bottom:0;
	  }
	</style>
	<div class="outside-popup" style="display:none;">&nbsp;</div>
	<!-- privacy terms area -->
	<div class="popup privacy-statement" style="display:none;">
	    <a class="close"></a>
	    <div class="popup-content">
			<?php include APPPATH . 'html/privacy.html';?>
    	</div>
	</div><!-- end privacy terms area -->
	<!-- conditions terms area -->
	<div class="popup terms-and-conditions" style="display:none;">
	    <a class="close"></a>
	    <div class="popup-content">
			<?php include APPPATH . 'html/terms.html';?>
	    </div>
    </div><!-- end conditions terms area -->
	<div class="sup_udUsernametaken" id="usernameTaken"></div>
	<div class="sup_login-outside">
	  <div class="sup_login-container">
	    <a class="sup-logo" href="/"></a>
	    <div class="sup-outercopy">
	      <h1>注册信息</h1>
	
	      <p>已有账户? <a href="<?php echo $ser?>/login">登录</a></p>
	    </div>
	    <div class="clearfix"></div>
	<script type="text/javascript">
	function toggleLabel(el, forceHide){
	    var input = $(el);
	    var defaultValue = input.attr('title');
	    if (!forceHide && (input.val().length == 0 || (input.val() == defaultValue))) {
	        input.prev('span').show();
	    }
	    else {
	        input.prev('span').hide();
	    }
	};
	$(document).ready(function(){
	    $('input').keydown(function(e){
	        toggleLabel(e.target, e.keyCode != 8 && e.keyCode != 46);
	    });
	    $('input').keyup(function(e){
	        toggleLabel(e.target, e.keyCode != 8 && e.keyCode != 46);
	    });
	    $('input').change(function(e){
	        toggleLabel(e.target);
	    });
	    $('input').live('paste', function(e){
	        toggleLabel(e.target);
	    });
	    $('input').focus(function(e){
	        toggleLabel(e.target);
	        $(this).prev('span').css('color', '#a4d5f1');
	    });
	    $('input').blur(function(e){
	        toggleLabel(e.target);
	        $(this).prev('span').css('color', '#bbb');
	    });
	    setTimeout('initialize()', 50);
	    $("#r_form").validate({
		    rules : {
		    	username : {
		    		required : true,
		    		rangelength : [6, 20]
			    },
			    password : {
			    	required : true,
			    	rangelength : [6, 16]
			    },
			    passwordConfirm : {
			    	required : true,
			    	rangelength : [6, 16],
			    	equalTo : "#sup_password"
			    },
			    email : {
			    	required : true,
			    	email : true
			    }
			},
			message : {
				username : {
					required : "用户名不能为空"
				},
				password : {
					required : "密码不能为空"
				},
				passwordConfirm : {
					required : "确认密码不能为空"
				},
				email : {
					required : "邮件地址不能为空",
					email : "邮件地址格式错误"
				}
			},
			errorElement : "span",
			
			errorPlacement : function(error, element){
				error.appendTo(element.parent().next());
			}
		});
	});
	function initialize(){
	    $('input').each(function(i, el){
	        toggleLabel(el);
	    });
	}
	</script>
	<div class="sup_formbox">
	  <form id="r_form" name="createaccount_form" action="<?php echo $ser?>/user" method="post" id="sup_register_form" _lpchecked="1">
	  	<input type="hidden" name="method" value="register"/>
	    <input type="hidden" name="targetUrl" value="/" tabindex="2">
	    <ul class="sup_register-middle">
	      <li class="sup_register-username">
	        <label class="sup-input">
	          <input placeholder="用户名" type="text" id="username" name="username" value="" tabindex="2">
	        </label>
	        <label for="username">
	          <span id="error_username" class="notice flag">Already taken</span>
	        </label>
	      </li>
	      <li class="sup_register-password ">
	        <label class="sup-input">
	          <input placeholder="密码" type="password" id="sup_password" name="password" value="" autocomplete="off" tabindex="2">
	        </label>
	        <label for="sup_password">
	          <span id="error_password" class="notice flag"></span>
	        </label>
	      </li>
	      <li class="sup_register-password-confirm ">
	        <label class="sup-input">
	          <input placeholder="确认密码" type="password" id="sup_passwordConfirm" name="passwordConfirm" value="" autocomplete="off" tabindex="2">
	        </label>
	        <label for="sup_passwordConfirm">
	          <span id="passwordConfirm" class="notice flag"></span>
	        </label>
	      </li>
	      <li class="sup_register-email ">
	        <label class="sup-input">
	          <input placeholder="邮箱地址" type="text" id="sup_email" name="email" value="" tabindex="2">
	        </label>
	        <label for="sup_email">
	          <span id="error_email" class="notice flag"></span>
	        </label>
	      </li>
	      <div class="clearfix"></div>
	      <li>
	        <label class="checkbox-wrap" for="agreeNewsletter">发现新的产品，我们每周新闻邮件通知
	          <input type="checkbox" id="agreeNewsletter" name="agreeNewsletter" checked="" tabindex="2">
	        </label>
	      </li>
	      <li class="sup_beforesubmit">
	        <a href="#" class="popup-dialog" ref="privacy-statement" id="privacyLink">隐私声明</a> 和 
	        <a href="#" class="popup-dialog" ref="terms-and-conditions" id="termsAndConditionsLink">条款及条件</a>
	      </li>
	      <input type="hidden" name="agreeTerms" value="true">
	      <input type="hidden" name="agreePrivacy" value="true">
	      <li class="sup_submit">
	        <input type="submit" value="创建新用户" class="login-lonely-button" tabindex="2">
	      </li>
	    </ul>
	  </form>
	  <div class="clearfix"></div>
	</div>
    <div class="sup-outercopy left">
      <p><a href="<?php echo $ser?>">取消</a></p>
    </div>
	</div>
	</div>
	  </div>
  </div>
</body>
</html>